﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="righter.ascx.cs" Inherits="FxhjpgWeb.WebSite.UC.righter" %>
<div class="Content_right">
    <div id="demo" style="overflow: hidden; height: 660px; width: 196px;">
        <div id="demo1">
            <% 
                if (photoImgsList != null && photoImgsList.Count > 0)
                {
                    foreach (var item in photoImgsList)
                    { 
            %>
            <img src="<%=item.SmallSrc %>" width="196" height="111" alt="<%=item.Summary %>" title="<%=item.Summary %>" />
            <%    
                    }
                }
            %>
        </div>
        <div id="demo2">
        </div>
    </div>
    <script type="text/javascript">
        var speed = 50
        demo2.innerHTML = demo1.innerHTML
        function Marquee() {
            if (demo2.offsetTop - demo.scrollTop <= 0)
                demo.scrollTop -= demo1.offsetHeight
            else {
                demo.scrollTop++
            }
        }
        var MyMar = setInterval(Marquee, speed)
        demo.onmouseover = function () { clearInterval(MyMar) }
        demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) }
    </script>
</div>